<!DOCTYPE HTML>
<html>
	<head>
		<title>Moon Dimension</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="logo">
							<a href="../index.html"><span class="icon fa-gem"></span></a>
						</div>
						<div class="content">
							<div class="inner">
								<h1>Moon Dimension</h1>
								<p>appreciate a moon<br/>with someone distant
								 </p>
							</div>
						</div>
						<nav>
							<ul>
								<li><a href="#intro">orign</a></li>
								<li><a href="#work">orbit</a></li>
								<li><a href="#about">landing</a></li>
								<li><a href="../HTML5月球旋转动画代码/index.html">explore</a></li>
								<!--<li><a href="#elements">Elements</a></li>-->
							</ul>
						</nav>
					</header>

				<!-- Main -->
					<div id="main">

						<!-- Intro -->
							<article id="intro">
								<h2 class="major">orign</h2>
								<span class="image main"><img src="images/118240734.jpg" width="20" alt="" /></span>
								<p>撞击说：撞击成因说也被称为"大碰撞分裂说"，这一假说认为，地球早期受到一个火星大小的天体撞击，撞击碎片(即两个天体的硅酸盐幔的一部分)最终形成了月球。撞击成因说认为，在太阳系形成早期，行星际空间有大量星云，星云经过碰撞、吸积而逐渐增大。大约在相当地月系统存在的空间范围内，形成了一个质量相当于现在地球质量9/10的"原地球"和另一个火星大小的天体"原月球"。这两个天体在各自的演化过程中都形成了以铁为主的金属核和由硅酸盐组成的幔和壳。由于这两个天体相距不远，因此有机会发生碰撞。剧烈的碰撞不仅使"原地球"的自转产生了偏斜，而且使"原月球"碎裂，幔和壳变热蒸发，膨胀的气体"裹挟"着尘埃和少量的幔物质飞离原月球。被分离的金属核因受膨胀气体的阻碍而减速，被"原地球"吸积并变成了地球的一部分。飞离的气体尘埃物质受地球引力的作用，呈盘状分布在洛希限以外的空间，它们通过吸积，先形成一些小天体，然后像滚雪球一样不断吸积增长，最终形成现在的月球。</p>
								<p>核爆说：南非西开普大学科学家罗伯-德-梅耶尔和荷兰阿姆斯特丹自由大学科学家维姆-范-维斯特伦恩是根据一种核裂变理论提出这种观点的，这种核裂变理论早在19世纪初就有科学家描述过。该理论认为，地球和月球都来自宇宙中同一滴旋转的熔岩，后来一部分分离出去形成了如今的月球。然而，除了撞击原因以外，当时的科学家无法用其他理由来解释形成月球的那一部分熔岩是如何分离出去的。两位科学家认为，形成月球的那部分熔岩是在地球的一次核爆炸中脱离出去的。在他们的研究论文--《月球起源的另一种假设》中，两位科学家解释说，如果月球是由于一次撞击性的外部力量而从地球分离出去的话，那么它应该由撞击天体和地球的某些物质组成。他们说，"太阳系进化的模型显示，地球的化学组成和撞击天体的化学组成不可能是同样的。"</p>
							</article>

						<!-- Work -->
							<article id="work">
								<h2 class="major">Orbit</h2>
								<span class="image main"><img src="images/t0185034e09106d506f.jpg" alt="" /></span>
							    <p>地球和月球一起绕着太阳的轨道在说明太阳系时，总是将地球描述成在轨道上环绕太阳的一个点，月球则是在轨道上环绕地球的一个点。这可能会给人月球是绕着地球运转的概念，但从太阳的位置观察时，则是月球有时会落后或超前地球，因为相对于地球每秒1公里的轨道速度，与地球在轨道上绕着太阳每秒30公里的速度，是不容易察觉的。
                                </p>
								<p>不同于太阳系其他的卫星，完整的月球轨道与地球的非常相似，它的凹面也永远朝向太阳，并且没有凸起或环圈不过，还是不能说月球是绕着太阳转而不是绕着地球，因为即使将太阳的引力"关掉"，月球还是会以和现在相同的恒星月绕着地球。如果地月系统是在离太阳更远的位置上，在该处的轨道速度低于1公里/秒，则在以太阳为中心的非转动坐标系统中，月球的运动的确会出现退后的现象。</p>
							</article>

						<!-- About -->
							<article id="about">
								<h2 class="major">landing</h2>
								<span class="image main"><img src="images/t017a859ccc335e4f5a.jpg" alt="" /></span>
								<p>阿姆斯特朗[1](Neil Armstrong?，1930年8月5日-2012年8月25日 )曾是美国国家航空航天局的宇航员、试飞员、海军飞行员，以在执行第一艘载人登月宇宙飞船阿波罗11号任务时成为第一名踏上月球的人类而闻名。尼尔·阿姆斯特朗的第一次太空任务是1966年执行的双子星8号的指令长。在这次任务中，他和大卫·斯科特一道完成了第一次航天器的对接。阿姆斯特朗的第二次，也是最后一次太空任务就是著名的1969年7月的阿波罗11号。在这次"人类的一大步"中，阿姆斯特朗和巴兹·奥尔德林在月球表面进行了两个半小时的月表行走。</p>
								<p>遗憾的是中国还没有登陆月球，目前中国有一个著名的登月计划，分为绕、落、回三步。很显然，已经发射的嫦娥一号、嫦娥二号都是绕一步的飞行器。探测器“嫦娥三号”探测器于2013年12月2日在中国西昌卫星发射中心由长征三号乙运载火箭送入太空，当月14日成功软着陆于月球雨海西北部，15日完成着陆器巡视器分离，并陆续开展了“观天、看地、测月”的科学探测和其它预定任务，取得一定成果。</p>
							</article>

						<!-- Contact -->
							<article id="contact">
								<h2 class="major">calculate</h2>
								<span class="image main"><img src="images/未标题-1.jpg" alt="" /></span>
							</article>

						<!-- Elements -->
							<article id="elements">
								<h2 class="major">Elements</h2>

								<section>
									<h3 class="major">Text</h3>
									<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
									This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
									This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
									<hr />
									<h2>Heading Level 2</h2>
									<h3>Heading Level 3</h3>
									<h4>Heading Level 4</h4>
									<h5>Heading Level 5</h5>
									<h6>Heading Level 6</h6>
									<hr />
									<h4>Blockquote</h4>
									<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
									<h4>Preformatted</h4>
									<pre><code>i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
								</section>

								<section>
									<h3 class="major">Lists</h3>

									<h4>Unordered</h4>
									<ul>
										<li>Dolor pulvinar etiam.</li>
										<li>Sagittis adipiscing.</li>
										<li>Felis enim feugiat.</li>
									</ul>

									<h4>Alternate</h4>
									<ul class="alt">
										<li>Dolor pulvinar etiam.</li>
										<li>Sagittis adipiscing.</li>
										<li>Felis enim feugiat.</li>
									</ul>

									<h4>Ordered</h4>
									<ol>
										<li>Dolor pulvinar etiam.</li>
										<li>Etiam vel felis viverra.</li>
										<li>Felis enim feugiat.</li>
										<li>Dolor pulvinar etiam.</li>
										<li>Etiam vel felis lorem.</li>
										<li>Felis enim et feugiat.</li>
									</ol>
									<h4>Icons</h4>
									<ul class="icons">
										<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
										<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
										<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
										<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
									</ul>

									<h4>Actions</h4>
									<ul class="actions">
										<li><a href="#" class="button primary">Default</a></li>
										<li><a href="#" class="button">Default</a></li>
									</ul>
									<ul class="actions stacked">
										<li><a href="#" class="button primary">Default</a></li>
										<li><a href="#" class="button">Default</a></li>
									</ul>
								</section>

								<section>
									<h3 class="major">Table</h3>
									<h4>Default</h4>
									<div class="table-wrapper">
										<table>
											<thead>
												<tr>
													<th>Name</th>
													<th>Description</th>
													<th>Price</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>Item One</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Two</td>
													<td>Vis ac commodo adipiscing arcu aliquet.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Three</td>
													<td> Morbi faucibus arcu accumsan lorem.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Four</td>
													<td>Vitae integer tempus condimentum.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Five</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
											</tbody>
											<tfoot>
												<tr>
													<td colspan="2"></td>
													<td>100.00</td>
												</tr>
											</tfoot>
										</table>
									</div><div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
	
									<h4>Alternate</h4>
									<div class="table-wrapper">
										<table class="alt">
											<thead>
												<tr>
													<th>Name</th>
													<th>Description</th>
													<th>Price</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>Item One</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Two</td>
													<td>Vis ac commodo adipiscing arcu aliquet.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Three</td>
													<td> Morbi faucibus arcu accumsan lorem.</td>
													<td>29.99</td>
												</tr>
												<tr>
													<td>Item Four</td>
													<td>Vitae integer tempus condimentum.</td>
													<td>19.99</td>
												</tr>
												<tr>
													<td>Item Five</td>
													<td>Ante turpis integer aliquet porttitor.</td>
													<td>29.99</td>
												</tr>
											</tbody>
											<tfoot>
												<tr>
													<td colspan="2"></td>
													<td>100.00</td>
												</tr>
											</tfoot>
										</table>
									</div>
								</section>

								<section>
									<h3 class="major">Buttons</h3>
									<ul class="actions">
										<li><a href="#" class="button primary">Primary</a></li>
										<li><a href="#" class="button">Default</a></li>
									</ul>
									<ul class="actions">
										<li><a href="#" class="button">Default</a></li>
										<li><a href="#" class="button small">Small</a></li>
									</ul>
									<ul class="actions">
										<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
										<li><a href="#" class="button icon solid fa-download">Icon</a></li>
									</ul>
									<ul class="actions">
										<li><span class="button primary disabled">Disabled</span></li>
										<li><span class="button disabled">Disabled</span></li>
									</ul>
								</section>

								<section>
									<h3 class="major">Form</h3>
									<form method="post" action="#">
										<div class="fields">
											<div class="field half">
												<label for="demo-name">Name</label>
												<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
											</div>
											<div class="field half">
												<label for="demo-email">Email</label>
												<input type="email" name="demo-email" id="demo-email" value="" placeholder="jane@abc.com" />
											</div>
											<div class="field">
												<label for="demo-category">Category</label>
												<select name="demo-category" id="demo-category">
													<option value="">-</option>
													<option value="1">Manufacturing</option>
													<option value="1">Shipping</option>
													<option value="1">Administration</option>
													<option value="1">Human Resources</option>
												</select>
											</div>
											<div class="field half">
												<input type="radio" id="demo-priority-low" name="demo-priority" checked>
												<label for="demo-priority-low">Low</label>
											</div>
											<div class="field half">
												<input type="radio" id="demo-priority-high" name="demo-priority">
												<label for="demo-priority-high">High</label>
											</div>
											<div class="field half">
												<input type="checkbox" id="demo-copy" name="demo-copy">
												<label for="demo-copy">Email me a copy</label>
											</div>
											<div class="field half">
												<input type="checkbox" id="demo-human" name="demo-human" checked>
												<label for="demo-human">Not a robot</label>
											</div>
											<div class="field">
												<label for="demo-message">Message</label>
												<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
											</div>
										</div>
										<ul class="actions">
											<li><input type="submit" value="Send Message" class="primary" /></li>
											<li><input type="reset" value="Reset" /></li>
										</ul>
									</form>
								</section>

							</article>

					</div>

				

			</div>

		<!-- BG -->
			<div id="bg"></div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>
